const TaskFirends = () => {
  // 列表数据
  const friends = [
    {
      id: 1,
      name: "熊猫大哥",
    },
    {
      id: 2,
      name: "阿里木",
    },
    {
      id: 3,
      name: "奥特曼兄弟",
    },
  ];
  return (
    <div className="task-list-box firend-list-box">
      <div className="title-box">我的好友</div>
      <ul className="task-list">
        {friends.map((item) => (
          <li key={item.id} className="item">
            <div className="item-box">
              <div className="photo-box">
                <img src="./images/firend_photo.png" />
              </div>
              <div className="centre">
                <div className="title">{item.name}</div>
                <div className="min-group">
                  <div className="min-item">
                    <img className="icon" src="./images/gold_coin.png" />
                    <span className="value">+100.00</span>
                    <span className="other">(43.22K)</span>
                  </div>
                </div>
              </div>
              <div className="prices">
                <img src="./images/gold_coin.png" />
                <span className="value">+95k</span>
              </div>
            </div>
          </li>
        ))}
      </ul>
    </div>
  );
};
export default TaskFirends;
